<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<link type="text/css" href="${pageContext.request.contextPath}/resources/css/bootstrap.min.css" rel="stylesheet"/>
<style>
#wrapper {
    margin: 0 auto;

    width: 700px;

}
div.pos_fixed
{
position:fixed;
top:145px;
right:30px;
}
.button {
	display: inline-block;
	line-height: 1;
	padding: 7px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 3px outset;
}
input.button, button.button {
	border: 0px none;
} 
#top, #bottom, #left, #right {
	background: yellow;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 15px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 15px;
		}
		#top { top: 0; height:23px;}
		#bottom { bottom: 0; }
#content {

    width: 100%;

}
hr-1{color: #f00;
background-color: #f00;
height: 5px;
}
#search {
    width: 20em;  height: 2em;
}



#adminbutton {
	color: #000 ;
	background-color:yellow  ;
	border: 2px outset  ;
	width: 180px ;
	text-decoration: none ;
	
	display: block ;
}

        
</style>
</head>
<body background="towson.png" style="width:80px;
border-radius: 5px;
padding:0px;
height:10px;
position:absolute;
margin-top:-10px;
margin-left:-400px;
top:20%;
left:50%;background-repeat: repeat-x;background-position:top; background-size=100px auto;"> 
<div id="wrapper" style="position: absolute; top: 0; left: 0; right= 0; bottom= 0;">
<div id="content">

<h3 class="text-center" style="font-weight:bold; ">Computer Science Department Information</h3>
<div class="pos_fixed" ><a href="${pageContext.request.contextPath}/login.do" class="button"  style="font-size:30px;text-center;">ADMIN </a></div>

<hr class="hr-1" noshade size=10 >
<div class="row-fluid, fill">
    <div class="span3 offset-1, text-center"><a href="" style="font-size:35px"  id="search" class="button" >Faculty Information</a></div>
    <hr class="hr-1" noshade size=5 >
    <div class="span3 , text-center"><a href="" style="font-size:35px" id="search" class="button">Staff Information</a></div>
    <hr class="hr-1" noshade size=5 >
    <div class="span3 , text-center"><a href=""  style="font-size:35px" id="search" class="button">Courses Information</a>
    <hr class="hr-1" noshade size=5 >
    </div><div class="span2 , text-center" ><a href="" style="font-size:35px" id="search" class="button">Labs Information</a></div>
    <hr class="hr-1" noshade size=5 >
    <div class="span3 , text-center"><a href=""  style="font-size:35px" id="search" class="button">Major Information</a></div>
</div>
</div>
</div>
<div id="left"></div>
<div id="right"></div>
<div id="top"></div>
<div id="bottom"></div>
</body>
</html>